export const lightTheme = {
  token: {
    colorPrimary: '#1890ff',
    borderRadius: 4,
  },
  components: {
    Layout: {
      bodyBg: '#f0f2f5',
      headerBg: '#fff',
      siderBg: '#001529',
    },
    Menu: {
      darkItemBg: '#001529',
    },
  },
};

export const darkTheme = {
  token: {
    colorPrimary: '#1890ff',
    colorBgContainer: '#141414',
    colorBgElevated: '#1f1f1f',
    colorBgLayout: '#000000',
    colorText: 'rgba(255, 255, 255, 0.85)',
    colorTextSecondary: 'rgba(255, 255, 255, 0.45)',
  },
  components: {
    Layout: {
      bodyBg: '#000000',
      headerBg: '#141414',
      siderBg: '#141414',
    },
    Menu: {
      darkItemBg: '#141414',
      darkSubMenuItemBg: '#141414',
      darkItemSelectedBg: '#1f1f1f',
    },
    Card: {
      colorBgContainer: '#141414',
    },
    Table: {
      colorBgContainer: '#141414',
      headerBg: '#1f1f1f',
    },
  },
};
